.list_box{
  width: 100%;
  overflow: hidden;
  margin-top: 20rpx;
  .list1{
    width: calc(100% - 40rpx);
    overflow: hidden;
    .left{
      width: calc(100% - 300rpx);
      overflow: hidden;
      float: left;
      .title{
        font-size: 14px;
        margin-top: 14rpx;
        .top{
          background-color: #f00;
          border-radius: 4px;
          padding: 2px 6px;
          font-size: 10px;
          color: #fff;
          margin-right: 10rpx;
        }
        .font{
          line-height: 22px;
        }
      }
      .time{
        display: flex;
        margin-top: 20rpx;
        .times{
          font-size: 12px;
          color: rgba(0, 0, 0,.3);
        }
        .view{
          display: flex;
          color: rgba(0, 0, 0,.3);
          font-size: 12px;
          align-items: center;
          margin-left: 20rpx;
        }
      }
    }
    .img{
      width: 280rpx;
      height: 180rpx;
      margin-left: 20rpx;
      border-radius: 4px;
    }
  }
  .list2{
    width: calc(100% - 40rpx);
    overflow: hidden;
    .fonts{
      width:100%;
      overflow: hidden;
      .title{
        font-size: 14px;
        margin-top: 14rpx;
        .top{
          background-color: #f00;
          border-radius: 4px;
          padding: 2px 6px;
          font-size: 10px;
          color: #fff;
          margin-right: 10rpx;
        }
        .font{
          line-height: 22px;
        }
      }
      .time{
        display: flex;
        margin-top: 20rpx;
        .times{
          font-size: 12px;
          color: rgba(0, 0, 0,.3);
        }
        .view{
          display: flex;
          color: rgba(0, 0, 0,.3);
          font-size: 12px;
          align-items: center;
          margin-left: 20rpx;
        }
      }
    }
    .img{
      width: 100%;
      height: 220rpx;
      border-radius: 4px;
    }
  }
}